/**
 * Created by ZZM on 2018/1/23.
 */
$(function () {
    var Suju={
        // 产品名称
        proName: $.getQueryString("key"),
        // 品牌id
        brandId: "",
        // 安装价格排序 1 升序 2 降序
        price: "",
        // 数量排序
        num: "",
        // 第几页
        page: 1,
        // 页容量
        pageSize: 4
    };
    //总页数
    var Max=1
    mui.init({
        pullRefresh: {
            container: "#refreshContainer",//下拉刷新容器标识，querySelector能定位的css选择器均可，比如：id、.class等
            down: {
                height: 50,//可选,默认50.触发下拉刷新拖动距离,
                auto: true,//可选,默认false.首次加载自动下拉刷新一次
                contentdown: "下拉可以刷新",//可选，在下拉可刷新状态时，下拉刷新控件上显示的标题内容
                contentover: "释放立即刷新",//可选，在释放可刷新状态时，下拉刷新控件上显示的标题内容
                contentrefresh: "正在刷新...",//可选，正在刷新状态时，下拉刷新控件上显示的标题内容
                callback: function () {
                    // 结束下拉刷新
                    Suju.page=1
                    chaXun(Suju,function (result) {

                        var html = template("goodsTpl", result);
                        $(".lt_goods_ul").html(html);
                        mui('#refreshContainer').pullRefresh().endPulldownToRefresh();
                        mui('#refreshContainer').pullRefresh().refresh(true);
                    })
                }
            },
            up: {
                height: 50,//可选.默认50.触发上拉加载拖动距离
                auto: true,//可选,默认false.自动上拉加载一次
                contentrefresh: "正在加载...",//可选，正在加载状态时，上拉加载控件上显示的标题内容
                contentnomore: '没有更多数据了',//可选，请求完毕若没有更多数据时显示的提醒内容；
                callback: function () {
                    // 结束上拉
                    console.log(Suju.page);
                    console.log(Max);
                    if(Suju.page>=Max){
                         mui('#refreshContainer').pullRefresh().endPullupToRefresh(true)
                       return;
                     }else {
                         Suju.page++;
                         chaXun(Suju,function (result) {
                             var html = template("goodsTpl", result);
                             $(".lt_goods_ul").append(html);
                             mui('#refreshContainer').pullRefresh().endPullupToRefresh();
                         })
                     }
                }
            }
        }
    });
    //给搜索按钮绑定tap事件
    $(".searchBtn").on("tap",function () {
        //获取输入框数据
        var txt=$(".searchTxt").val()
        Suju.proName=txt
        //触发下拉刷新
        mui("#refreshContainer").pullRefresh().pulldownLoading();
    })
    $(".order_tool").on("tap",function (e) {
        var aDom=e.target.nodeName=="A"?e.target:e.target.parentNode;
        var sortName = aDom.dataset.sortname;
        console.log(sortName);
        $(aDom).find(".mui-icon").toggleClass("mui-icon-arrowdown mui-icon-arrowup ");
        var sunX=1;
        if ($(aDom).find(".mui-icon").hasClass("mui-icon-arrowdown")){
            sunX=2;
        }else{
            sunX=1;
        }
        if(sortName=="price"){
            Suju.price=sunX
        }
        if(sortName=="num"){
            Suju.num=sunX
        }
        mui("#refreshContainer").pullRefresh().pulldownLoading();
    })
    //恢复a标签跳转功能
    $(".lt_goods_ul").on("tap","a",function (e) {
        var aDom=e.target;
        location.href=aDom.href;
    })
    //请求数据
    function chaXun(Suju,callback) {
        $.get("/product/queryProduct",Suju,function (result) {
            callback&&callback(result)
            Max = Math.ceil(result.count / Suju.pageSize);

        })
    }
})